Channel: Awais Mirza

Category: Education

Tags: react hooksreact jsreact js tutoriallearn reactreact advance componentsreactreactjsreact crash coursereact tutorialjavascript frameworkreact js new coursereact.jsfrontend frameworkreact componentsreact frameworkweb developmentreact javascriptawais mirza

Description: #React JS Crash Course [NEW] for Beginners. My favourite amzn.to/3Jh8WvI ⭐ Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs to give you smart completions and documentation while you’re typing. I've been using Kite for 6 months and I love it! kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=awaismirza&utm_content=description-only ⭐ ⭐ ⭐ ⭐ ⭐ ⭐ Business Email: owaesmirza@gmail.com ⭐ ⭐ ⭐ ⭐ ⭐ ⭐ ⭐ ⭐ ⭐ ⭐ Best Books for JavaScript: ⭐ ⭐ ⭐ ⭐ ⭐ - Best JavaScript Book: amzn.to/3uvj37S - Best Book For Practise Projects: amzn.to/3uAqqv4 - Best book for JavaScript Design Pattern: amzn.to/3dQZAI6 - Angular Design Patterns: amzn.to/2PLxYMw - NodeJS Design Patterns: amzn.to/3t45Qmp ⭐ ⭐ ⭐ ⭐ ⭐ ⭐ My Gear ⭐ ⭐ ⭐ ⭐ ⭐ ⭐ Camera: amzn.to/3dR3Kjp Mic: amzn.to/3mysMaX Monitor: amzn.to/3d0XaHD **************************************************** Connect With Me: Twitter : twitter.com/AwaisMirza01 Facebook: facebook.com/awaismirza01 Hit the ground running with React, the open source technology from Facebook for building rich web applications fast.We use latest React release, the second edition of this hands-on guide shows you how to build React components and organize them into maintainable large-scale apps. If you're familiar with JavaScript syntax, you're ready to get started. TimeStamps: 00:00 - Getting Started 02:13 - Documentation 03:42 - Create React Application 05:04 - Project Files Overview 07:04 - Running React App 07:43 - Cleaning up boilerplate 08:18 - Rendering Hello World on DOM 10:55 - Introducing JSX 11:54 - JSX Javascript Expression 12:28 - JSX Curly Bases are Valid JS Expression 14:11 - React.createElement() 17:56 - Rendering Elements 18:43 - React Update only required Elements 20:39 - Components and Props 21:02 - Function based and Class Based components 22:06 - Function Based Component 28:20 - Function vs Class based Component 30:37 - Default Properties 32:25 - State and Lifecycle of Components 33:40 - Building TextAra Component 36:34 - A note about DOM Events 38:14 - React Events 39:50 - React Developer Tools 41:06 - Lifecycle Methods 42:24 - componentDidMount() 43:06 - ComponentWillUnmount() 46:07 - How to properly Access the state 47:09 - State may be Asnyc 48:32 - Class Vs Function based Components State Mangements 49:37 - Project 1: Table Component Project 56:45 - Handling Events in React 01:00:04 - Conditional Rendering 01:02:14 - List and Keys 01:03:06 - Assign key to List 01:05:03 - Forms in React 01:07:40 - Exploring React Advance Concepts 01:16:17 - How to read Documentation 01:17:13 - React Eco System 01:17:16 - React is Library or Framework